<!DOCTYPE html>
<html>
<head>
    <title>{$site_info.site_name|default=''}</title>
    <include file="public@head"/>
    <include file="student/public@head"/>
    <link href="__STATIC__/student/css/index.css" rel="stylesheet" type="text/css">
</head>
<body>
<include file="student/public@header"/>
<include file="student/public@grade"/>
<include file="student/public@login"/>

<!--banner-->
<div class="banner">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <volist name="$index_info['silide']" id="item">
                <div class="swiper-slide"><a href="{$item['url']}"><img class="img" src="{$item['image']}"></a></div>
            </volist>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
</div>

<div class="body kaiyuan_body">

    <div class="less_top kaiyuan_less_top" <if condition ="$keywords neq ''">style="display:none;"</if>>
        <div class="middle">
            <div class="ul" style="position: relative;top: 20px;margin-top: 0;">
                <div class="left">学段</div>
                <div id="xd" class="right">
                    <volist name="$xdlist" id="item">
                        <div class="li <if condition='$key eq 0'>active</if>" data-id="{$item.id}">{$item.name}</div>
                    </volist>
                </div>
            </div>
            <div class="ul" style="margin-top: 30px;">
                <div class="left">年级</div>
                <div id="nj" class="right">
                    <volist name="$njlist" id="item">
                        <div class="li <if condition='$key eq 0'>active</if>" data-id="{$item.id}">{$item.name}</div>
                    </volist>

                </div>
            </div>

            <div class="ul">
                <div class="left">类别</div>
                <div id="lb" class="right">
                    <div class="li active" data-id="99">全部</div>
                    <div class="li" data-id="3">直播</div>
                    <div class="li" data-id="4">内容</div>
                </div>
            </div>
        </div>
    </div>

    <div class="zhibo_wrap">
        <div class="less_list less_list_daban kaiyuan_less_list list kaiyuan_info_list" <if condition ="$keywords neq ''">style="margin-top:80px;"</if>>
        <div class="tips">
            <span>直播课堂</span>
            <div style="display: inline-block; width: 92%; text-align: right;">
                <a style="color:#9e9a9a" href="{:url('student/lessionlist/index')}">更多></a>
            </div>
        </div>
        <ul>
            <volist name="lesslist" id="item">
                <li>
                    <a href="/student/detail/class?id={$item.id}">
                        <div class="content">
                            <div class="top" style="background: url({$item.thumb}) no-repeat;background-size: cover;">
                                <div class="tip">课程</div>
                            </div>
                            <div class="title">{$item.name}</div>
                            <div class="information">
                                <text class="text1">{$item.lesson}</text>
                                <if condition="$item.ismaterial eq 1">
                                    <img src="__STATIC__/student/images/index/book.png"><text class="text2">含教材</text>
                                </if>

                            </div>
                            <div class="bottom">
                                <img class="img1" src="{$item.avatar}">
                                <text class="name">{$item.user_nickname}</text>
                                <if condition="$item.paytype eq 0">
                                    <text class="mian">免费</text>
                                </if>
                                <if condition="$item.paytype eq 1">
                                    <text class="money">￥{$item.payval}</text>
                                </if>
                                <if condition="$item.paytype eq 2">
                                    <text class="mi">密码</text>
                                </if>
                            </div>
                        </div>
                    </a>
                </li>
            </volist>
        </ul>
    </div>
   </div>


    <div class="less_list_nei kaiyuan_less_list list kaiyuan_info_list" <if condition ="$keywords neq ''">style="margin-top:80px;"</if>>
    <div class="tips">
        <span>精选内容</span>
        <div style="display: inline-block; width: 92%; text-align: right;">
            <a style="color:#9e9a9a" href="{:url('student/lessionlist/index',['flag' => 'neirong'])}">更多></a>
        </div>
    </div>
    <ul>
        <volist name="neirong" id="item">
            <li>
                <a href="/student/detail/class?id={$item.id}">
                    <div class="content">
                        <div class="top" style="background: url({$item.thumb}) no-repeat;background-size: cover;">
                            <div class="tip">课程</div>
                        </div>
                        <div class="title">{$item.name}</div>
                        <div class="information">
                            <text class="text1">{$item.lesson}</text>
                            <if condition="$item.ismaterial eq 1">
                                <img src="__STATIC__/student/images/index/book.png"><text class="text2">含教材</text>
                            </if>

                        </div>
                        <div class="bottom">
                            <img class="img1" src="{$item.avatar}">
                            <text class="name">{$item.user_nickname}</text>
                            <if condition="$item.paytype eq 0">
                                <text class="mian">免费</text>
                            </if>
                            <if condition="$item.paytype eq 1">
                                <text class="money">￥{$item.payval}</text>
                            </if>
                            <if condition="$item.paytype eq 2">
                                <text class="mi">密码</text>
                            </if>
                        </div>
                    </div>
                </a>
            </li>
        </volist>
    </ul>

    </div>

    <div class="right-nav">
        <img class="right-img" src="__STATIC__/images/qq_qun.png" alt="">
        <p>加入QQ群</p>
        <p>学习更轻松</p>
    </div>

</div>

<include file="student/public@footer"/>
<include file="student/public@scripts"/>
<script>
    var isBackLog = '{$isBackLog}';
    var xdid = "{$xdid}"; //学段id
    var njid = "{$njid}"; //年级id
    var kmid = '0'; //科目id
    var lbid = '1'; //类别id
    var page = 1; //页码
</script>
<script src="__STATIC__/student/js/index.js"></script>
<script src="__STATIC__/student/js/lessionlist.js"></script>
<script type="text/javascript">


    $('.gotop').on('click', function (e) {
        e.preventDefault();
        $("html,body").animate({scrollTop: 0}, 750);
    });
    
    $(".weixin-wrap").on('mouseover', function (e) {
        $(".weixin-img").show();
    }).mouseout(function () {
        $(".weixin-img").hide();
    });


    // 动态绑定
    $('.kaiyuan_info_list ul').delegate('li','mouseover',function(){
        $(this).css("position", "relative");
        $(this).css("top", "-10px");
    }).delegate('li','mouseout',function(){
        $(this).css("position", "");
        $(this).css("top", "");
    });
    
    

</script>

</body>
</html>
